@font-face {
  font-family: "iconfont"; /* Project id 3126827 */
  src: url('//at.alicdn.com/t/font_3126827_jsyt61ouuxj.woff2?t=1642580264203') format('woff2'),
       url('//at.alicdn.com/t/font_3126827_jsyt61ouuxj.woff?t=1642580264203') format('woff'),
       url('//at.alicdn.com/t/font_3126827_jsyt61ouuxj.ttf?t=1642580264203') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-icon:before {
  content: "\e651";
}


.song-review{
  // position: fixed;
  position: absolute;
  top: 180rpx;
  z-index: 5;
  // background-color: #ccc;
  background-color: #fff;
  .comments{
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    .comments-item{
      position: relative;
      display: flex;
      align-items: center;
      margin: 10rpx 0; 
      .detail{
        width: 80%;
        margin-top: 10rpx;
        border-bottom: 1px solid #ccc;
        .user-name{
          font-size: 30rpx;
          color: #666;
          font-weight: 600;
        }
        .time{
          font-size: 24rpx;
          color: #999;
        }
        .count{
          color: #efefef;
          opacity: .9;
          border-radius: 26rpx;
          height: 40rpx;
          line-height: 40rpx;
          position: absolute;
          top: 5px;
          right: 20rpx;
          background-color: #ccc;
          padding: 0 10rpx;
          .iconfont{
            font-size: 26rpx;
            margin-right: 6rpx;
          }
          .num{
            display: inline-block;
            font-size: 24rpx;
          }
        }
        .count:hover{
          color: #dc001a;
        }
        .content{
          margin-top: 10rpx;
        }
      }
      image{
        width: 90rpx;
        height: 90rpx;
        margin: 0 20rpx;
        border-radius: 45px;
      }
    }
  }
}